<!DOCTYPE html>
<html lang="en">
<head>

	<!-- Basic Page Needs
	================================================== -->
	<meta charset="utf-8">
	<title></title>

	<!-- Mobile Specific Metas
	================================================== -->

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!--Favicon-->
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
	
	<!-- CSS
	================================================== -->
	
	<!-- Bootstrap -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	
	<!-- IconFont -->
	<link rel="stylesheet" href="css/iconfonts.css">
	<!-- FontAwesome -->
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<!-- Owl Carousel -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<!-- magnific -->
	<link rel="stylesheet" href="css/magnific-popup.css">

	<!-- Template styles-->
	<link rel="stylesheet" href="css/style.css">
	<!-- Responsive styles-->
	<link rel="stylesheet" href="css/responsive.css">
	
	<!-- Colorbox -->
	<link rel="stylesheet" href="css/colorbox.css">

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->

</head>
	
<body>
	<div class="trending-bar trending-light d-md-block">
		<div class="container">
			<div class="row justify-content-between">
				<div class="col-md-9 text-center text-md-left">
					<p class="trending-title"><i class="tsicon fa fa-bolt"></i> Trending Now</p>
					<div id="trending-slide" class="owl-carousel owl-theme trending-slide">
						<div class="item">
						   <div class="post-content">
						      <h2 class="post-title title-small">
						         <a href="#">The best MacBook Pro alternatives in 2017 for Apple users</a>
						      </h2>
						   </div><!-- Post content end -->
						</div><!-- Item 1 end -->
						<div class="item">
						   <div class="post-content">
						      <h2 class="post-title title-small">
						         <a href="#">Soaring through Southern Patagonia with the Premium Byrd drone</a>
						      </h2>
						   </div><!-- Post content end -->
						</div><!-- Item 2 end -->
						<div class="item">
						   <div class="post-content">
						      <h2 class="post-title title-small">
						         <a href="#">Super Tario Run isn’t groundbreaking, but it has Mintendo charm</a>
						      </h2>
						   </div><!-- Post content end -->
						</div><!-- Item 3 end -->
					</div><!-- Carousel end -->
				</div><!-- Col end -->
				<div class="col-md-3 text-md-right text-center">
					<div class="ts-date">
						<i class="fa fa-calendar-check-o"></i>May 29, 2017
					</div>
				</div><!-- Col end -->
			</div><!--/ Row end -->
		</div><!--/ Container end -->
	</div><!--/ Trending end -->

	<!-- Header start -->
	<header id="header" class="header">
		<div class="container">
			<div class="row align-items-center justify-content-between">
				<div class="col-md-3 col-sm-12">
					<div class="logo">
						 <a href="index.html">
							<img src="images/logos/logo.png" alt="">
						 </a>
					</div>
				</div><!-- logo col end -->

				<div class="col-md-8 col-sm-12 header-right">
					<div class="ad-banner float-right">
						<a href="#">
							<img src="images/banner-image/image1.png" class="img-fluid" alt="">
						</a>
					</div>
				</div><!-- header right end -->
			</div><!-- Row end -->
		</div><!-- Logo and banner area end -->
	</header><!--/ Header end -->

	<div class="main-nav clearfix">
		<div class="container">
			<div class="row justify-content-between">
				<nav class="navbar navbar-expand-lg col-lg-8">
					<div class="site-nav-inner float-left">
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation">
						<span class="fa fa-bars"></span>
					</button>
					   <!-- End of Navbar toggler -->
					   <div id="navbarSupportedContent" class="collapse navbar-collapse navbar-responsive-collapse">
							<ul class="nav navbar-nav">
								<li class="nav-item dropdown active">
									<a href="#" class="menu-dropdown" data-toggle="dropdown">Home <i class="fa fa-angle-down"></i></a>
									<ul class="dropdown-menu" role="menu">
										<li class="active"><a href="index.html">Home 1</a></li>
										<li><a href="index-2.html">Home 2</a></li>
										<li><a href="index-3.html">Home 3</a></li>
									</ul>
								</li>

								<li class="nav-item dropdown mega-dropdown">
									<a href="category.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Lifestyle <i class="fa fa-angle-down"></i></a>
									<!-- responsive dropdown -->
									<ul class="dropdown-menu" role="menu">
										<li><a href="category.html">lifestyle 1</a></li>
										<li><a href="category-2.html">lifestyle 2</a></li>
										<li><a href="category.html">lifestyle 3</a></li>
									</ul>
									<!-- responsive dropdown end -->
									<div class="dropdown-menu mega-menu-content clearfix">
										<div class="menu-tab">
											<div class="row">
												<ul class="nav nav-tabs flex-column col-2" data-toggle="tab-hover">
											  	<li class="nav-item">
											  		<a class="animated fadeIn active" href="#tab-A" data-toggle="tab">
											  			<span class="tab-head">
															<span class="tab-text-title">Health</span>					
														</span>
											  		</a>
											  	</li>
											  	<li class="nav-item">
												  	<a class="animated fadeIn" href="#tab-B" data-toggle="tab">
												  		<span class="tab-head">
															<span class="tab-text-title">Travel</span>					
														</span>
												  	</a>
												</li>
											 	<li class="nav-item">
												  	<a class="animated fadeIn" href="#tab-C" data-toggle="tab">
												  		<span class="tab-head">
															<span class="tab-text-title">Food</span>					
														</span>
												  	</a>
												</li>
												<li class="nav-item">
												  	<a class="animated fadeIn" href="#tab-D" data-toggle="tab">
												  		<span class="tab-head">
															<span class="tab-text-title">Fashion</span>					
														</span>
												  	</a>
												</li>
											</ul>

											<div class="tab-content col-10">
										      <div class="tab-pane fade show active" id="tab-A">
										      	<div class="row">
										      		<div class="col-md-3">
										      			
											      		<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/lifestyle/image1.jpg" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">That wearable on your wrist soon track your…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
										      		</div>
										      		<div class="col-md-3">
											      		<div class="post-block-style clearfix">
																<div class="post-thumb">
																	<a href="#"><img class="img-fluid" src="images/news/lifestyle/image2.png" alt="" /></a>
																</div>
																<div class="post-content">
														 			<h2 class="post-title title-small">
														 				<a href="#">Can't shed those Gym? The might be in your…</a>
														 			</h2>
													 			</div><!-- Post content end -->
															</div><!-- Post Block style end -->
														</div>
										      		<div class="col-md-3">
											      		<div class="post-block-style clearfix">
																<div class="post-thumb">
																	<a href="#"><img class="img-fluid" src="images/news/lifestyle/image3.png" alt="" /></a>
																</div>
																<div class="post-content">
														 			<h2 class="post-title title-small">
														 				<a href="#">Deleting fears the brain means you might neve…</a>
														 			</h2>
													 			</div><!-- Post content end -->
															</div><!-- Post Block style end -->
														</div>
										      		<div class="col-md-3">
											      		<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/health/image2.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Smart packs tech and beeps when col…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
										      	</div>
											</div><!-- Tab pane 1 end -->

											<div class="tab-pane animated fadeIn" id="tab-B">
												<div class="row">
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/travel/image1.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">That wearable could soon track your…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/travel/image2.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Can't shed those Gym? might be in your…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/travel/image3.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Deleting fears from the you might neve…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/health/image2.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Smart packs   tech and beeps when col…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
												</div><!-- Row end -->
											</div><!-- tab B end -->
											<div class="tab-pane animated fadeIn" id="tab-C">
												<div class="row">
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/fashion/image1.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">That wearable on your wrist could soon</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													
													
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/fashion/image2.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Can't those Gym? The might be in your…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/food/food01.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Deleting fears from the might neve…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/tech/tech1.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Smart packs parking sensor tech and beeps when col…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
												</div> 		
											</div><!-- Tab pane 3 end -->
											<div class="tab-pane animated fadeIn" id="tab-D">
												<div class="row">
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/health/image1.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">That wearable on your wrist could soon</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													
													
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/health/image2.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Can't those Gym? The might be in your…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/fashion/image4.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Deleting fears from the might neve…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
													<div class="col-md-3">
														
														<div class="post-block-style clearfix">
															<div class="post-thumb">
																<a href="#"><img class="img-fluid" src="images/news/tech/tech1.png" alt="" /></a>
															</div>
															<div class="post-content">
																<h2 class="post-title title-small">
																	<a href="#">Smart packs parking sensor tech and beeps when col…</a>
																</h2>
															</div><!-- Post content end -->
														</div><!-- Post Block style end -->
													</div>
												</div> 		
											</div><!-- Tab pane 4 end -->

									        </div> <!-- Tab pane 2 end -->
											</div>
										</div><!-- Menu tab end -->
									</div><!-- Mega menu end -->
								</li><!-- Tab menu end -->

								<li>
									<a href="category-2.html">Technology</a>
								</li>

								<li class="dropdown nav-item mega-dropdown">
									<a href="#" class="dropdown-toggler menu-dropdown" data-toggle="dropdown">Video <i class="fa fa-angle-down"></i></a>
									<!-- responsive dropdown -->
									<ul class="dropdown-menu" role="menu">
										<li><a href="category.html">Category 1</a></li>
										<li><a href="category-2.html">Category 2</a></li>
										<li><a href="category.html">Category 3</a></li>
									</ul>
									<!-- responsive dropdown end -->
									<div class="dropdown-menu mega-menu-content clearfix">
										<div class="mega-menu-content-inner">
											<div class="row">
								      		<div class="col-md-3">
									      		<div class="post-block-style clearfix">
													<div class="post-thumb">
														<img class="img-fluid" src="images/news/video/video4.jpg" alt="" />
														<a class="popup" href="http://sc.chinaz.com/?embed/XhveHKJWnOQ?autoplay=1&amp;loop=1">
														<div class="video-icon">
														<i class="fa fa-play"></i>
													</div>
													</a>
													</div><!-- Post thumb end -->
													<div class="post-content">
														<h2 class="post-title title-small">
															<a href="#">Netcix cuts out the chill with an integrated...</a>
														</h2>
													</div><!-- Post content end -->
												</div><!-- Post Block style end -->
								      		</div><!-- Col 1 end -->

								      		<div class="col-md-3">
									      		<div class="post-block-style clearfix">
													<div class="post-thumb">
														<img class="img-fluid" src="images/news/video/video3.jpg" alt="" />
														<a class="popup" href="http://sc.chinaz.com/?embed/wJF5NXygL4k?autoplay=1&amp;loop=1">
															<div class="video-icon">
															<i class="fa fa-play"></i>
														</div>
														</a>
													</div><!-- Post thumb end -->
													<div class="post-content">
														<h2 class="post-title title-small">
															<a href="#">Netcix cuts out the chill with an integrated...</a>
														</h2>
													</div><!-- Post content end -->
												</div><!-- Post Block style end -->
								      		</div><!-- Col 2 end -->

								      		<div class="col-md-3">
									      		<div class="post-block-style clearfix">
													<div class="post-thumb">
														<img class="img-fluid" src="images/news/video/video2.jpg" alt="" />
														<a class="popup" href="http://sc.chinaz.com/?embed/DQNDcxRo-2M?autoplay=1&amp;loop=1">
															<div class="video-icon">
															<i class="fa fa-play"></i>
														</div>
														</a>
													</div><!-- Post thumb end -->
													<div class="post-content">
														<h2 class="post-title title-small">
															<a href="#">TG G6 will have dual 13-megapixel cameras...</a>
														</h2>
													</div><!-- Post content end -->
												</div><!-- Post Block style end -->
								      		</div><!-- Col 3 end -->
								      		<div class="col-md-3">
									      		<div class="post-block-style clearfix">
													<div class="post-thumb">
														<img class="img-fluid" src="images/news/video/video1.jpg" alt="" />
														<a class="popup" href="http://sc.chinaz.com/?embed/DQNDcxRo-2M?autoplay=1&amp;loop=1">
															<div class="video-icon">
															<i class="fa fa-play"></i>
														</div>
														</a>
													</div><!-- Post thumb end -->
													<div class="post-content">
														<h2 class="post-title title-small">
															<a href="#">Netcix cuts out the chill with an integrated...</a>
														</h2>
													</div><!-- Post content end -->
												</div><!-- Post Block style end -->
								      		</div><!-- Col 4 end -->
								      	</div><!-- Post block row end -->
										</div> 
										
									</div><!-- Mega menu content end -->
								</li><!-- Video menu end -->

								<li>
									<a href="category.html">Travel</a>
								</li>

								<li class="dropdown">
									<a href="#" class="dropdown-toggle menu-dropdown" data-toggle="dropdown">Features <i class="fa fa-angle-down"></i></a>
									<ul class="dropdown-menu" role="menu">
										<li class="dropdown-submenu">
											<a href="#." class="menu-dropdown" data-toggle="dropdown">Category Layouts</a>
											<ul class="dropdown-menu">
												<li><a href="category.html">Category Style 1</a></li>
												<li><a href="category-2.html">Category Style 2</a></li>
											</ul>
										</li>
										<li class="dropdown-submenu">
											<a href="#." class="menu-dropdown">Post Formates</a>
											<ul class="dropdown-menu">
												<li><a href="single.html">Single Post 1</a></li>
												<li><a href="single-2.html">Single Post 2</a></li>
											</ul>
										</li>
										<li class="dropdown-submenu">
											<a href="#." class="menu-dropdown">Sidebar</a>
											<ul class="dropdown-menu">
												<li><a href="left-sidebar.html">Left Sidebar</a></li>
												<li><a href="single.html">Right Sidebar</a></li>
												<li><a href="no-sidebar.html">No Sidebar</a></li>
											</ul>
										</li>
										<li class="dropdown-submenu">
											<a href="#." class="menu-dropdown">Pages</a>
											<ul class="dropdown-menu">
												<li><a href="author.html">Author</a></li>
												<li><a href="404.html">404</a></li>
												<li><a href="contact.html">Contanct</a></li>
											</ul>
										</li>
									</ul><!-- End dropdown -->
								</li><!-- Features menu end -->
							</ul><!--/ Nav ul end -->
						</div><!--/ Collapse end -->

					</div><!-- Site Navbar inner end -->
				</nav><!--/ Navigation end -->

				<div class="col-lg-4 text-right nav-social-wrap">
					<div class="top-social">
						<ul class="social list-unstyled">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
						</ul>
					</div>
					

					<div class="nav-search">
						<a href="#search-popup" class="xs-modal-popup">
							<i class="icon icon-search1"></i>
						</a>
					</div><!-- Search end -->
						
					<div class="zoom-anim-dialog mfp-hide modal-searchPanel ts-search-form" id="search-popup">
						<div class="modal-dialog modal-lg">
							<div class="modal-content">
								<div class="xs-search-panel">
									<form class="ts-search-group">
										<div class="input-group">
											<input type="search" class="form-control" name="s" placeholder="Search" value="">
											<button class="input-group-btn search-button">
												<i class="icon icon-search1"></i>
											</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div><!-- End xs modal -->
				</div>
			</div><!--/ Row end -->
		</div><!--/ Container end -->
	</div><!-- Menu wrapper end -->

	<!-- breadcrumb -->
	<div class="breadcrumb-section">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<ol class="breadcrumb">
						<li>
							<i class="fa fa-home"></i>
								<a href="#">Home</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li><a href="#">Feature</a></li>
						<li><i class="fa fa-angle-right"></i>Contact</li>
					</ol>		
				</div>
			</div><!-- row end -->
		</div><!-- container end -->
	</div>
	<!-- breadcrumb end -->

	<section class="main-content category-layout-1 pt-0">
		<div class="container">
			<div class="row ts-gutter-30">
				<div class="col-lg-8">
					
					<h3>Contact Us</h3>
					<p>Lumbersexual meh sustainable Thundercats meditation kogi. Tilde Pitchfork vegan, gentrify minim elit semiotics non messenger bag Austin which roasted Lumbersexual meh sustainable Thundercats meditation kogi. Tilde Pitchfork vegan, gentrify minim elit semiotics non messenger bag Austin which roasted</p>

					<div class="widget contact-info">
						<div class="contact-info-box">
							<div class="contact-info-box-content">
								<h4>Digiqole Webagency</h4>
								<p>Hungry Center, 3021 Horizon Circle</p>
							</div>
						</div>

						<div class="contact-info-box">
							<div class="contact-info-box-content">
								<h4>Mail Us</h4>
								<p>contact@digiqole.com.com</p>
							</div>
						</div>

						<div class="contact-info-box">
							<div class="contact-info-box-content">
								<h4>Call Us</h4>
								<p>+253-480-8973</p>
							</div>
						</div>

					</div><!-- Widget end -->

					<h3>Contact Form</h3>
					<form id="contact-form" action="contact-form.php" method="post">
						<div class="error-container"></div>
						<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label>Name</label>
								<input class="form-control form-control-name" name="name" id="name" placeholder="" type="text" required>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label>Email</label>
									<input class="form-control form-control-email" name="email" id="email" 
									placeholder="" type="email" required>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label>Subject</label>
									<input class="form-control form-control-subject" name="subject" id="subject" 
									placeholder="" required>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label>Message</label>
							<textarea class="form-control form-control-message" name="message" id="message" placeholder="" rows="10" required></textarea>
						</div>
						<div>
							<button class="btn btn-submit" type="submit">Send Message</button> 
						</div>
					</form>

				</div><!-- col-lg-8 -->
				<div class="col-lg-4">
					<div class="sidebar">
						<div class="sidebar-widget social-widget">
							<h2 class="block-title">
								<span class="title-angle-shap"> Social</span>
							</h2>
							<div class="sidebar-social">
								<ul class="ts-social-list">
									<li class="ts-facebook">
										<a href="#">
											<i class="tsicon fa fa-facebook"></i>
											<div class="count">
												<b>12.5 k </b>
												<span>Likes</span>
											</div>
										</a>
									</li>
									<li class="ts-twitter">
										<a href="#">
											<i class="tsicon fa fa-twitter"></i>
											<div class="count">
												<b>12.5 k </b>
												<span>Follwers</span>
											</div>
										</a>
									</li>
									<li class="ts-youtube">
										<a href="#">
											<i class="tsicon fa fa-youtube-play"></i>
											<div class="count">
												<b>28 k </b>
												<span>Subscribers</span>
											</div>
										</a>
									</li>
									<li class="ts-rss">
										<a href="#">
											<i class="tsicon fa fa-rss"></i>
											<div class="count">
												<b>12.5 k </b>
												<span>Follwers</span>
											</div>
										</a>
									</li>
									<li class="ts-vk">
										<a href="#">
											<i class="tsicon fa fa-vk"></i>
											<div class="count">
												<b>35 k </b>
												<span>Subscribers</span>
											</div>
										</a>
									</li>
									<li class="ts-linkedin">
										<a href="#">
											<i class="tsicon fa fa-linkedin"></i>
											<div class="count">
												<b>15 k </b>
												<span>Followers</span>
											</div>
										</a>
									</li>
								</ul><!-- social list -->
							</div>
						</div><!-- widget end -->

						<div class="sidebar-widget ads-widget mt-20">
							<div class="ads-image">
								<a href="#">
									<img class="img-fluid" src="images/banner-image/image2.png" alt="">
								</a>
							</div>
						</div><!-- widget end -->

						<div class="sidebar-widget featured-tab post-tab mb-20">
							<ul class="nav nav-tabs">
								<li class="nav-item">
									<a class="nav-link animated active fadeIn" href="#post_tab_a" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Recent</span>					
										</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link animated fadeIn" href="#post_tab_b" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Popular</span>					
										</span>
									</a>
								</li>
								<li class="nav-item">
									<a class="nav-link animated fadeIn" href="#post_tab_c" data-toggle="tab">
										<span class="tab-head">
											<span class="tab-text-title">Comments</span>					
										</span>
									</a>
								</li>
							</ul>
							<div class="gap-50 d-none d-md-block"></div>
							<div class="row">
								<div class="col-12">
									<div class="tab-content">
										<div class="tab-pane active animated fadeInRight" id="post_tab_a">
											<div class="list-post-block">
												<ul class="list-post">
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/fashion/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 1</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat tech-color" href="#">Tech</a>
																</div>
																<h2 class="post-title">
																	<a href="#">House last week that move would Inject</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
															</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 1 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/lifestyle/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 2</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat travel-color" href="#">Travel</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Zhang social media pop also known innocent</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 2 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image2.png" alt="">
																</a>
																<span class="tab-post-count"> 3</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat health-color" href="#">Health</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Jennifer Lopez expand her property collection</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 3 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image1.png" alt="">
																</a>
																<span class="tab-post-count"> 4</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat sports-color" href="#">Sports</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Santino loganne legan an year old resident</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 3 end -->
												</ul><!-- List post end -->
											</div>
										</div><!-- Tab pane 1 end -->
										<div class="tab-pane animated fadeInRight" id="post_tab_b">
											<div class="list-post-block">
												<ul class="list-post">
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/lifestyle/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 5</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat travel-color" href="#">Travel</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Zhang social media pop also known innocent</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 1 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/fashion/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 3</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat tech-color" href="#">Tech</a>
																</div>
																<h2 class="post-title">
																	<a href="#">House last week that move would Inject</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 2 end -->
												
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image1.png" alt="">
																</a>
																<span class="tab-post-count"> 1</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat sports-color" href="#">Sports</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Santino loganne legan an year old resident</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 3 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image2.png" alt="">
																</a>
																<span class="tab-post-count"> 1</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat health-color" href="#">Health</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Jennifer Lopez expand her property collection</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 4 end -->
												</ul><!-- List post end -->
											</div>
										</div><!-- Tab pane 2 end -->
										<div class="tab-pane animated fadeInRight" id="post_tab_c">
											<div class="list-post-block">
												<ul class="list-post">
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/fashion/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 1</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat tech-color" href="#">Tech</a>
																</div>
																<h2 class="post-title">
																	<a href="#">House last week that move would Inject</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
															</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 1 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/lifestyle/image3.png" alt="">
																</a>
																<span class="tab-post-count"> 2</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat travel-color" href="#">Travel</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Zhang social media pop also known innocent</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 2 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image2.png" alt="">
																</a>
																<span class="tab-post-count"> 5</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat health-color" href="#">Health</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Jennifer Lopez expand her property collection</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 3 end -->
													<li>
														<div class="post-block-style media">
															<div class="post-thumb">
																<a href="#">
																	<img class="img-fluid" src="images/news/health/image1.png" alt="">
																</a>
																<span class="tab-post-count"> 1</span>
															</div><!-- Post thumb end -->
						
															<div class="post-content media-body">
																<div class="grid-category">
																	<a class="post-cat sports-color" href="#">Sports</a>
																</div>
																<h2 class="post-title">
																	<a href="#">Santino loganne legan an year old resident</a>
																</h2>
																<div class="post-meta mb-7">
																	<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
																</div>
																</div><!-- Post content end -->
														</div><!-- Post block style end -->
													</li><!-- Li 3 end -->
												</ul><!-- List post end -->
											</div>
										</div><!-- Tab pane 2 end -->
									</div><!-- tab content -->
								</div>
							</div>
						</div><!-- widget end -->

						<div class="sidebar-widget">
							<div class="ts-category">
								<ul class="ts-category-list">
									<li>
										<a href="#" style="background-image: url(images/news/category/category1.png)">
											<span> Health </span>
											<span class="bar"></span> 
											<span class="category-count">95</span>
										</a>
									</li><!-- end list 1 -->
									<li>
										<a href="#" style="background-image: url(images/news/category/category2.png)">
											<span> Travel </span>
											<span class="bar"></span> 
											<span class="category-count">93</span>
										</a>
									</li><!-- end list 2 -->
									<li>
										<a href="#" style="background-image: url(images/news/category/category3.png)">
											<span> Sports </span>
											<span class="bar"></span> 
											<span class="category-count">103</span>
										</a>
									</li><!-- end list 3 -->
									<li>
										<a href="#" style="background-image: url(images/news/category/category4.png)">
											<span> Fashion </span>
											<span class="bar"></span> 
											<span class="category-count">60</span>
										</a>
									</li><!-- end list 4 -->
									<li>
										<a href="#" style="background-image: url(images/news/category/category5.png)">
											<span> Tech </span>
											<span class="bar"></span> 
											<span class="category-count">30</span>
										</a>
									</li><!-- end list 5 -->
								</ul>
							</div>
						</div><!-- widget end -->
						
					</div>
				</div><!-- sidebar col end -->
			</div><!-- row end -->
		</div><!-- container end -->
	</section><!-- category-layout end -->

	<!-- ad banner start-->
	<div class="newsletter-area">
		<div class="container">
			<div class="row ts-gutter-30 justify-content-center align-items-center">
				<div class="col-lg-7 col-md-6">
					<div class="footer-loto">
						<a href="#">
							<img src="images/logos/logo-light.png" alt="">
						</a>
					</div>
				</div>
				<!-- col end -->
				<div class="col-lg-5 col-md-6">
					<div class="footer-newsletter">
						<form action="#" method="post">
							<div class="email-form-group">
								<i class="news-icon fa fa-paper-plane" aria-hidden="true"></i>
								<input type="email" name="EMAIL" class="newsletter-email" placeholder="Your email" required>
								<input type="submit" class="newsletter-submit" value="Subscribe">
							</div>
							
						</form>
					</div>
				</div>
				<!-- col end -->
			</div>
			<!-- row  end -->
		</div>
		<!-- container end -->
	</div>
	<!-- ad banner end-->

	<!-- Footer start -->
	<div class="ts-footer">
		<div class="container">
			<div class="row ts-gutter-30 justify-content-lg-between justify-content-center">
				<div class="col-lg-4 col-md-6">
					<div class="footer-widtet">
						<h3 class="widget-title"><span>About Us</span></h3>
						<div class="widget-content">
							<p>Hidden Hills property with mountain and city view boast nine bedrooms including a master suite with private terrace and an entertainment. wing which includes a 20-seat theater.</p>
							<ul class="ts-footer-info">
								<li><i class="fa fa-home"></i> 15 Cliff St, New York NY 10038, USA</li>
								<li><i class="icon icon-phone2"></i> +1 212-602-9641</li>
								<li><i class="fa fa-envelope"></i>info@example.com</li>
							</ul>
							<ul class="ts-social">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
								<li><a href="#"><i class="fa fa-rss"></i></a></li>
								<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
							</ul>
						</div>
					</div>
				</div><!-- col end -->
				<div class="col-lg-3 col-md-6">
					<div class="footer-widtet post-widget">
						<h3 class="widget-title"><span>Popular Post</span></h3>
						<div class="widget-content">
							<div class="list-post-block">
								<ul class="list-post">
									<li>
										<div class="post-block-style media">
											<div class="post-thumb">
												<a href="#">
													<img class="img-fluid" src="images/news/tech/image5.png" alt="">
												</a>
											</div><!-- Post thumb end -->
	
											<div class="post-content media-body">
												<h4 class="post-title">
													<a href="#">Santino loganne legan an  old resident</a>
												</h4>
												<div class="post-meta mb-7">
													<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
												</div>
												</div><!-- Post content end -->
										</div><!-- Post block style end -->
									</li><!-- Li 1 end -->
									<li>
										<div class="post-block-style media">
											<div class="post-thumb">
												<a href="#">
													<img class="img-fluid" src="images/news/fashion/image4.png" alt="">
												</a>
											</div><!-- Post thumb end -->
	
											<div class="post-content media-body">
												<h4 class="post-title">
													<a href="#">Jennifer Lopez expan her property</a>
												</h4>
												<div class="post-meta mb-7">
													<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
												</div>
												</div><!-- Post content end -->
										</div><!-- Post block style end -->
									</li><!-- Li 2 end -->
									<li>
										<div class="post-block-style media">
											<div class="post-thumb">
												<a href="#">
													<img class="img-fluid" src="images/news/tech/tech1.png" alt="">
												</a>
											</div><!-- Post thumb end -->
	
											<div class="post-content media-body">
												<h4 class="post-title">
													<a href="#">Zhang social media pop star also known</a>
												</h4>
												<div class="post-meta mb-7">
													<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
												</div>
												</div><!-- Post content end -->
										</div><!-- Post block style end -->
									</li><!-- Li 3 end -->
									<li>
										<div class="post-block-style media">
											<div class="post-thumb">
												<a href="#">
													<img class="img-fluid" src="images/news/fashion/image1.png" alt="">
												</a>
											</div><!-- Post thumb end -->
	
											<div class="post-content media-body">
												<h4 class="post-title">
													<a href="#">House last week that move would Inject</a>
												</h4>
												<div class="post-meta mb-7">
													<span class="post-date"><i class="fa fa-clock-o"></i> 29 July, 2020</span>
												</div>
												</div><!-- Post content end -->
										</div><!-- Post block style end -->
									</li><!-- Li 3 end -->
								</ul><!-- list-post end -->
							</div>
						</div>
					</div>
				</div><!-- col end -->
				<div class="col-lg-3 col-md-6">
					<div class="footer-widtet post-widget">
						<div class="widget-content">
							<div class="footer-ads">
								<a href="#">
									<img class="img-fluid" src="images/banner-image/image6.jpg" alt="">
								</a>
							</div>
						</div>
					</div>
				</div><!-- col end -->
			</div><!-- row end -->
		</div><!-- container end -->
	</div>
	<!-- Footer End-->

	<!-- ts-copyright start -->
	<div class="ts-copyright">
		<div class="container">
			<div class="row align-items-center justify-content-between">
				<div class="col-12 text-center">
					<div class="copyright-content text-light">
						<p>Copyright &copy; 2019.Company name All rights reserved.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ts-copyright end-->

	<!-- backto -->
	<div class="top-up-btn">
		<div class="backto" style="display: block;"> 
			<a href="#" class="icon icon-arrow-up" aria-hidden="true"></a>
		</div>
	</div>
	<!-- backto end-->

	<!-- Javascript Files
	================================================== -->

	<!-- initialize jQuery Library -->
	<script src="js/jquery.js"></script>
	<!-- Popper Jquery -->
	<script src="js/popper.min.js"></script>
	<!-- Bootstrap jQuery -->
	<script src="js/bootstrap.min.js"></script>
	<!-- magnific-popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Owl Carousel -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- Color box -->
	<script src="js/jquery.colorbox.js"></script>
	<!-- Template custom -->
	<script src="js/custom.js"></script>
	
</body>
</html>